.header {
    background-color: #6E1BE4;
    width: 100%;
    height: 80px;
    display: inline-block;
    text-align: center;
}

a:visited {
    color: black;
}

li {
    list-style: none;
}

.div-search {
    width: 45%;
    margin: 5px auto;
    overflow: hidden;
}

.input {
    border: 1px solid red;
    width: 500px;
    height: 30px;
    margin: 0 0 0 80px;
}

.button {
    width: 52px;
    height: 35px;
    background-color: red;
    color: white;
    border: 1px solid red;
}

.list1 {
    margin-left: 30px;
    padding: 0;
    overflow: hidden;
}

.list1 li {
    float: left;
    font-size: 12px;
    color: grey;
    margin: 2px 8px;
}

.special {
    color: red
}

.list1 a {
    color: grey;
}

.list2 {
    position: relative;
    top: 0px;
}

.list2 li {
    float: left;
    font-size: 16px;
    color: black;
    margin: 2px 18px;
}

.imghead {
    position: absolute;
    left: 1350px;
    top: 160px;
}

.span-shop {
    display: inline-block;
    background-image: url(./images/sprite.png);
    background-repeat: no-repeat;
    background-position: 24px -50px;
    border: 1px solid whitesmoke;
    width: 180px;
    height: 32px;
    margin: 0px 20px;
    color: red;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.left a {
    color: white;
}

.left {
    float: left;
    background-color: #6E6568;
    margin: 0px 5px 0 370px;
    width: 180px;
    height: 474px;
    font-size: 13px;
}

.span-left {
    margin-left: 5px;
}

.div-body {
    background-image: url(./images/nav_bg.png);
    overflow: hidden;
    background-repeat: no-repeat;
    ;
}

.middle {
    float: left;
    overflow: hidden;
    margin: 0 5px 0 0
}

.right {
    float: left;
    overflow: hidden;
    width: 200px;
    height: 474px;
}

.img2 {
    display: inline-block;
    border: 1px solid white;
    border-radius: 50%;
    width: 50px;
}

.h6 {
    display: inline-block;
    padding: 0;
    margin: 8px 0 0 0;
    position: absolute;
}

.p1 {
    display: inline-block;
    padding: 0px 8px;
    margin: 0;
    font-size: 14px;
}

.spana {
    margin: 0 10px 10px 0;
}

.spanc {
    display: inline-block;
    border: 2px solid red;
    color: red;
    margin: 6px 15px 0px 16px;
    font-size: 13px
}

.spanb {
    margin: 0 2px;
    padding: 0 5px 0 0;
    display: inline-block;
    border-right: 1px solid grey;
    font-size: 14px
}

.spane {
    margin: 0 3px;
    padding: 0 5px 0 0;
    display: inline-block;
    font-size: 14px;
}

.spand {
    margin: 0 2px 0 80px;
    font-size: 14px;
}

.dt1 {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.list3 {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    padding: 10px 0
}

.list3 li {
    padding: 5px 0
}

.divright2 dd {
    margin: 5px 2px;
}

.sprite {
    width: 100%;
    height: 200px;
    border: 1px solid whitesmoke;
    overflow: hidden;
    font-size: 12px;
    color: grey;
    display: block;
    margin: 0;
    padding: 0
}

.sprite ul {
    margin: 0;
    padding: 0
}

.sprite li {
    float: left;
    width: 49px;
    height: 70px;
    text-align: center;
    border-top: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
}

.sprite div {
    position: relative;
    top: 11px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(./images/sprite_fs.png);
    background-repeat: no-repeat;
}

.sprite-div1 {
    background-position: 0 -88px
}

.sprite-div2 {
    background-position: 0 -45px
}

.sprite-div3 {
    background-position: -44px -88px
}

.sprite-div4 {
    background-position: -88px -0px
}

.sprite-div5 {
    background-position: -88px -44px
}

.sprite-div6 {
    background-position: 0px 0px
}

.sprite-div7 {
    background-position: -44px -44px
}

.sprite-div8 {
    background-position: -88px -88px
}

.sprite-div9 {
    background-position: -132px -0px
}

.sprite-div10 {
    background-position: -132px -44px
}

.sprite-div11 {
    background-position: -132px -88px
}

.sprite-div12 {
    background-position: -44px -0px
}

.t1 {
    background-image: url(./images/sprite_fs.png);
    background-position: 0px 0px
}

.divpicture {
    width: 100%;
    background-color: #E0E0E0;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    padding: 0
}

.buy {
    width: 100%;
    /* height: 300px; */
    display: block;
    overflow: hidden;
    margin: 10px 0;
}

.buy-text {
    width: 100%;
    position: absolute;
    height: 40px;
    margin: 30px 0;
    padding: 20px 0;
    background-image: url(./images/dot.png);
    background-repeat: repeat-x;
    line-height: 35px;
}

.buy-p {
    display: block;
    width: 200px;
    height: 30px;
    position: absolute;
    top: -40px;
    left: 44%;
    font-size: 24px;
    background-color: white;
    text-align: center;
}

.buy-pic {
    float: left;
    margin: 0;
    padding: 30px 0;
    display: inline-block;
    width: 100%;
    height: 140px;
    text-align: center;
    overflow: hidden;
}

.buy-pic ul {}

.liste li {
    float: left;
    margin-top: 30px;
    padding: 0px 5px;
    display: inline-block;
    width: 160px;
    height: 150px;
}

.liste>li>a {
    display: block;
    position: relative;
    /* left: 302px; */
    height: 100%;
}

.a10:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #916C57;
    border-top: 1px solid #916C57;
}

.a11:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #876D8E;
    border-top: 1px solid #876D8E;
}

.a12:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #D24F4F;
    border-top: 1px solid #D24F4F;
}

.a13:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #60A17A;
    border-top: 1px solid #60A17A;
}

.a14:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #DE745D;
    border-top: 1px solid #DE745D;
}

.a15:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #6898BB;
    border-top: 1px solid #6898BB;
}

.a16:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    bottom: 0;
    opacity: .7;
    background-color: #D7C22F;
    border-top: 1px solid #D7C22F;
}

.liste>li:hover>a:before {
    opacity: 1;
}

.liste>li .buy-pic-position {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 28px 0;
    color: white;
    text-align: center;
}

.liste>li .buy-pic-position2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 28px 0;
    color: white;
    text-align: center;
}

.liste>li .buy-pic-position1 h3 {
    font-size: 18px;
}

.liste>li .buy-pic-position1 h3,
.liste>li .buy-pic-position1 p {
    width: 100%;
}

.liste {
    display: inline-block;
    width: 100%;
    height: 160px;
    text-align: center;
    margin-left: 320px;
    overflow: hidden;
}

.buy-pic>img {
    padding: 0px 2px;
}

.buy-pic h3 {
    color: white;
    font-size: 20px;
    padding: 0;
    margin: 4px;
}

.buy-pic p {
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin: 0px
}

.shopping-none {
    width: 100%;
    height: 400px;
    ;
}

.shopping {
    float: left;
    height: 380px;
    width: 100%;
    margin: 20px 0;
    display: inline-block;
    text-align: center;
    overflow: hidden;
}

.shopping ul {
    padding: 40px 0 0 0;
    height: 330px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.shopping li {
    margin: 5px 2px;
    width: 235px;
    height: 300px;
    border: 1px solid whitesmoke;
    display: inline-block;
    text-align: center;
}

.shopping p {
    font-size: 12px;
    color: grey;
    margin: 4px 0;
    text-align: left;
}

.shopping span {
    font-size: 13px;
    color: red;
    display: inline-block;
    position: relative;
    right: 95px;
}

.bottom {
    background-color: #EAEAEA;
    width: 100%;
    height: 560px;
}

.bottom-head {
    margin: 20px 0 20px 00px;
    width: 100%;
    height: 110px;
    border-bottom: 1px solid gainsboro;
}

.bottom-head li {
    margin: 30px 0;
    height: 40px;
    float: left;
    padding: 0 50px
}

.bottom-head-sprite1 {
    display: inline-block;
    width: 36px;
    height: 42px;
    background-image: url(./images/ico_service.png);
    background-position: 0 0;
}

.bottom-head-sprite2 {
    display: inline-block;
    width: 36px;
    height: 42px;
    background-image: url(./images/ico_service.png);
    background-position: 0 -43px;
}

.bottom-head-sprite3 {
    display: inline-block;
    width: 36px;
    height: 42px;
    background-image: url(./images/ico_service.png);
    background-position: 0 -86px;
}

.bottom-head-sprite4 {
    display: inline-block;
    width: 36px;
    height: 42px;
    background-image: url(./images/ico_service.png);
    background-position: 0 -129px;
}

.bottom-head span {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    top: -14px;
    left: 5px;
}

.guide {
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    border-bottom: 1px solid gainsboro
}

.guide-li {
    float: left;
    padding: 5px 60px;
}

.guide dd {
    margin: 0;
    padding: 0
}

.ul-li {
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
    color: #99999D;
    font-weight: 700;
}

.ul-li>li {
    padding: 3px 0;
}

.ul-li a {
    color: #99999D;
}

.bottom1 {
    width: 1200px;
    margin: 5px auto
}

.bottom1 li {
    border-right: 2px solid #CDD4DF;
    float: left;
    font-size: 12px;
    margin: 0px 2px;
    padding: 1px 15px;
    color: #99999D
}

.bottom2 {
    clear: left;
    width: 1200px;
    margin: 2px auto;
    font-size: 12px;
    color: #99999D;
    text-align: center;
}

.bottom2 p {
    margin-top: 0px;
    padding: 2px 0
}

.bottom3 {
    width: 1200px;
    margin: 0 600px
}

.foot {
    width: 200px;
    height: 150px;
    background-image: url(./images/ico_footer.png);
    position: relative;
    bottom: 210px;
    left: 1380px;
    line-height: 20px
}

.foot h6 {
    color: #727272;
    text-align: center;
    margin: 0px;
    padding: 0
}

.foot p {
    font-size: 12px;
    color: #727272;
    text-align: center;
}

#special {
    color: red;
}

#a1 {
    font-size: 12px;
    color: #727272;
    margin-left: 120px;
    margin-top: 5px
}

#bottom-li {
    font-size: 12px;
    color: #7D7D7E
}